<template>
  <view class="container">
    <transition name="slide-fade">
      <view class="privacy-container" v-if="showContent">
        <view class="section">
          <text class="title">隐私政策</text>
          <text class="update-time">更新时间：2024年1月1日</text>
          
          <view class="content">
            <text class="paragraph">
              我们非常重视您的隐私保护，并严格遵守相关法律法规。本隐私政策将帮助您了解：
            </text>
            
            <text class="subtitle">1. 我们如何收集和使用您的信息</text>
            <text class="paragraph">
              • 当您使用我们的服务时，我们会收集必要的信息以提供服务
              • 我们会对您的聊天内容进行加密处理
              • 我们不会将您的个人信息用于其他商业用途
            </text>
            
            <text class="subtitle">2. 信息安全</text>
            <text class="paragraph">
              • 采用业界领先的安全技术保护您的信息
              • 定期进行安全评估和升级
              • 严格控制数据访问权限
            </text>
            
            <!-- 更多内容... -->
          </view>
        </view>
      </view>
    </transition>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showContent: false
    }
  },
  onLoad() {
    setTimeout(() => {
      this.showContent = true;
    }, 100);
  }
}
</script>

<style>
.container {
  min-height: 100vh;
  background-color: #f8f8f8;
}

/* 动画效果 */
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-enter-from {
  transform: translateY(50px);
  opacity: 0;
}

.privacy-container {
  padding: 40rpx;
}

.section {
  background: #fff;
  border-radius: 12rpx;
  padding: 32rpx;
}

.title {
  font-size: 40rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 16rpx;
}

.update-time {
  font-size: 24rpx;
  color: #999;
  margin-bottom: 40rpx;
  display: block;
}

.subtitle {
  font-size: 32rpx;
  font-weight: 500;
  color: #333;
  margin: 32rpx 0 16rpx;
  display: block;
}

.paragraph {
  font-size: 28rpx;
  color: #666;
  line-height: 1.6;
  margin-bottom: 24rpx;
  display: block;
}
</style> 